@charset "utf-8";
@import "init.scss";
@import "common.scss";
@function c($px) {
    @return $px /2+px;
}



.web{
    width: c(710);
    margin: 0 auto;
    header {
        overflow: hidden;
        width: 100%;
// position: fixed;
        background-color: #FFFFFF;
        padding-top: c(50);
        .toubu_box {
            width: c(708);
            margin: 0 auto;
            position: relative;
            .b {
                text-align: center;
                width: c(122);
                height: c(48);
                border: $color c(1) solid;
                border-radius: c(25);
                a {
                    font-size: c(26);
                    color: #000000;
                }
            }
            .my_icon_font{
                color: $color;
                font-size: c(52);
               
                
            }
            .fenlei {
                text-align: center;
                font-size: c(26);
                line-height: c(48);
            }
             &::after{
                    content: "2";
                    text-align: center;
                    width: c(28);
                    height: c(28);
                    border-radius: c(14);
                    font-size: c(20);
                    color: #FFFFFF;
                    background-color: #fa5050;
                    position: absolute;
                    right: 0;
                    top: 0;
                }
        }
    }
    
    .denglutouxian{
        margin: c(20) 0;
        .touxian{
            width: c(170);
            height: c(170);
            border-radius: c(170/2);
            overflow: hidden;
            img{
                width: 100%;
            }
        }
        .dianjidenglu{
            margin-left: c(30);
            p:first-child{
                font-size: c(30);
                color: #000000;
                margin: c(30) 0;
                
            }
            p:nth-of-type(2){
                font-size: c(26);
                color:#9d9d9d ;
                margin: c(24) 0;
            }
        }
        .my_icon_font{
            font-size: c(48);
            margin: c(55) 0;
          
        }
    }
    
    
    .self{
        margin: c(30) 0;
        display: flex;
        justify-content: space-between;
        align-items: center;
        text-align: center;
        .zhuo{
            width: c(194);
            height: c(149);
            background-color: #b2e0a0;
            color: #0000000;
            font-size: c(26);
            div{
               font-size: c(83);
                color: #FFFFFF;
            }
        }
        .zhong{
            width: c(194);
            height: c(149);
            background-color: #a0dce0;
            color: #0000000;
            font-size: c(26);
            div{
               font-size: c(83);
                color: #FFFFFF;
            }
        }

.you{
            width: c(194);
            height: c(149);
            background-color: #e0b7a0;
            color: #0000000;
            font-size: c(26);
            div{
               font-size: c(83);
                color: #FFFFFF;
            }
        }

    }
    
    
    .gengduo{
        margin: c(30) 0;
        display: flex;
        justify-content: space-between;
        align-items: center;
       .zhuobian{
           span:first-child{
               color: $color;
               font-size: c(75);
           }
           span:nth-of-type(2){
               color: #000000;
               font-size: c(30);
        
           }
       }
       .youbian{
           span:first-child{
               color: #000000;
               font-size: c(24);
           }
           span:nth-of-type(2){
               color: $color;
               font-size: c(26);
           }
       }
    }
    
    .zhanghao{
        margin-bottom: c(170);
        display: flex;
        justify-content: space-around;
        align-items: center;
        text-align: center;
        div{
            color: #FFFFFF;
            background-color: $color;
            width: c(145);
            height: c(78);
            border-radius: c(40);
            line-height: c(78);
        }
    }
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
}
